html, body {
    width: 100%;
    max-width: 100%;
    min-width: 320px;
}

html {
    height: 100%;
}

body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    font: 16px/1.75 Arial, Microsoft YaHei;
    color: #333;
    word-wrap: break-word;
    background: #fff;
    padding-top:100px;
}

a {
    color: #333;
}

a:focus, a:hover {
    color: #FF7F00;
    text-decoration: none;
}

body[class*=met-navfixed] {
    padding-top: 100px;
}

body[class*=met-navfixed].nav-header {
    padding-top: 140px;
}

/*
body[class*=met-navfixed].met-navflex {
    padding-top: 150px;
}
*/

body[class*=met-navfixed].nav-header.met-navflex {
    padding-top: 190px;
}

@media (max-width: 1199px) {
    body[class*=met-navfixed] {
        padding-top: 80px;
    }

    body[class*=met-navfixed].nav-header {
        padding-top: 120px;
    }

    /*body[class*=met-navfixed].met-navflex {
        padding-top: 130px;
    }

    body[class*=met-navfixed].nav-header.met-navflex {
        padding-top: 170px;
    }*/
}

@media (max-width: 767px) {
    body[class*=met-navfixed] {
        padding-top: 60px;
    }

    body[class*=met-navfixed].nav-header {
        padding-top: 100px;
    }
}

header.navbar-fixed-top {
    z-index: 1602;
}

body.met-navfixed-langlist {
    padding-top: 130px;
}

h1, h2, h3, b, strong {
    font-weight: bold;
}

.overflow-visible {
    overflow: visible !important;
}

.red {
    color: #f00;
}
.text-xs-center {
    text-align: center!important;
}
/*滚动条*/
html:not(.isMobile) *::-webkit-scrollbar {
    width: 7px;
    background: #fff;
}

html:not(.isMobile) *::-webkit-scrollbar-thumb {
    background: #FF7F00;
}

html:not(.isMobile) *::-webkit-scrollbar-track {
}

html:not(.isMobile) *::-webkit-scrollbar-button {
}

html:not(.isMobile) *::-webkit-scrollbar-track-piece {
    width: 0;
}

html:not(.isMobile) *::-webkit-scrollbar-corner {
}

html:not(.isMobile) *::-webkit-resizer {
}
/*菜单*/
.hamburger {
    font-size: 20px;
    vertical-align: middle;
}

.hamburger, .hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.hamburger:before, .hamburger:after {
    content: "";
}

.hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
    display: block;
    width: 1em;
    height: .1em;
    margin: 0;
    background: #76838f;
    border-radius: 1px;
}

.navbar-default .hamburger:before, .navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after {
    background: #76838f;
}

.navbar-inverse .hamburger:before, .navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after {
    background: #fff;
}

.hamburger .hamburger-bar {
    margin: .2em 0;
}

.hamburger-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
}

.hamburger-close .hamburger-bar {
    opacity: 0;
}

.hamburger-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
}

.hamburger-close.hided:before, .hamburger-close.collapsed:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.hamburger-close.hided .hamburger-bar, .hamburger-close.collapsed .hamburger-bar {
    opacity: 1;
}

.hamburger-close.hided:after, .hamburger-close.collapsed:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.hamburger-arrow-left.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hamburger-arrow-left.collapsed:before {
    width: .6em;
    -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
    transform: translate3d(.45em, .1em, 0) rotate(45deg);
}

.hamburger-arrow-left.collapsed .hamburger-bar {
    border-radius: .2em;
}

.hamburger-arrow-left.collapsed:after {
    width: .6em;
    -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
    transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
}

.met-nav {
    min-height: 100px;
    margin-bottom: 0px;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 1601;
}

.met-nav.navbar-shadow {
    -o-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.5);
}

.met-nav.navbar-fixed-top {
    position: fixed;
}

header + .met-nav.navbar-fixed-top {
    top: 40px;
}

.met-nav .container {
    position: relative;
}

.met-nav .row {
    position: relative;
}

.met-nav .navbar-logo {
    height: 100px;
    margin: 0px;
    margin-left: 0px !important;
    padding: 0px;
    display: block;
}

.met-nav .navbar-logo img {
    max-height: 90px;
}

.met-nav .navbar-toggle {
    height: 60px;
    margin-right: 0;
    border: none;
}

.met-nav .nav > li > a {
    color: #2a333c !important;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}

.met-nav .nav > li > a:hover {
    color: #FF7F00 !important;
}

.met-nav .nav li a.active, .met-nav .dropdown.open > a {
    color: #FF7F00!important;
}

.met-nav .nav > li > a:hover, .met-nav .dropdown.open > a {
    background: none !important;
}

.met-nav .nav > li.openallsub.open .dropdown-menu {
    display: block;
}

.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-submenu > a:after {
    display: none;
}

.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu {
    position: static;
    float: none;
    border-right: none;
    border-left: none;
}

.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a {
    padding: 5px 15px 5px 30px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background: none;
}

@media (max-width: 767px) {
    .met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a {
        padding-left: 35px;
    }
}

.met-nav .dropdown-menu.overflow-visible .dropdown-submenu:hover .dropdown-menu {
    display: table;
}

.met-nav .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu {
    left: auto;
    right: 100%;
}

.met-nav .met-langlist {
    height: 100px;
    margin: 0 !important;
    padding-right: 15px;
}

.met-nav .met-langlist .dropdown-menu {
    top: 48px;
    bottom: auto;
}

.met-nav .met-langlist .modal {
    background: rgba(0, 0, 0, 0.3);
}

.met-nav .navbar-nav > li > a {
    padding: 7.5px 15px;
}

.met-nav .navlist.flex {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.met-nav .navlist.flex > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.met-nav .navlist.flex > li > a {
    height: 50px;
    line-height: 50px;
}

.met-nav .navlist.flex > li > .dropdown-menu {
    top: 50px;
}

@media (min-width: 768px) {
    .met-nav.navbar-fixed-top .navbar-collapse {
        padding: 0 15px;
    }

    .met-nav .nav-langlist > *:first-child {
        margin-right: 120px;
    }

    .met-nav .nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 100px;
        line-height: 100px;
        font-size:large;
    }

    .met-nav .dropdown-menu {
        top: 85px;
    }

    .met-nav .dropdown-menu.bullet {
        top: 100px;
    }

    .met-nav .met-nav-login {
        height: 100px;
        padding-top: 0px;
        margin-left: 15px;
    }

    .met-nav .met-head-user {
        margin-top: 30px;
        margin-left: 15px;
    }

    .met-nav .met-langlist {
        position: absolute;
        right: 0;
        top: 0;
    }

    .met-nav .navlist.flex {
        margin: 0 -15px;
        float: none !important;
        width: auto;
        clear: both;
        position: relative;
        border-top: 1px solid #e9e9e9;
    }

    .navbar-nav > li {
        margin-right: 15px;
    }
}

@media (max-width: 991px) {
    .met-nav .navlist > li {
        margin-left: 10px !important;
    }

    .met-nav .nav-shop .navlist > li {
        margin-left: 0 !important;
    }

    .met-nav .met-nav-login {
        margin-left: 10px;
    }
}

@media (max-width: 1199px) {
    .met-nav {
        min-height: 80px;
    }

    .met-nav .nav > li {
        margin: 0 !important;
    }

    .met-nav .nav > li > a {
        height: 80px;
        line-height: 80px;
    }

    .met-nav .met-head-user {
        margin-top: 20px;
    }

    .met-nav .met-langlist {
        height: 80px;
    }

    .met-nav .met-nav-login {
        height: 80px;
    }

    .met-nav .navbar-logo {
        height: 80px;
    }

    .met-nav .navbar-logo img {
        max-height: 70px;
    }
}

@media (max-width: 767px) {
    .met-nav {
        min-height: 60px;
    }

    .met-nav .navbar-toggle, .met-nav .navbar-logo {
        height: 60px;
    }

    body[class*=met-navfixed] {
        padding-top: 60px;
    }

    .met-nav .met-nav-login {
        height: auto;
    }

    .met-nav .navbar-logo img {
        max-width: 130px;
    }

    .met-nav .navlist > li {
        margin-left: 0px !important;
    }

    .met-nav .nav > li > a {
        height: auto;
        line-height: 28px;
    }

    .met-nav .dropdown-menu.bullet:before, .met-nav .dropdown-menu.bullet:after {
        display: none;
    }

    .met-nav .dropdown-menu.dropdown-menu.animate, .met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu {
        width: 100%;
    }

    .met-nav .dropdown-menu.dropdown-menu.animate > li > a, .met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu > li > a {
        width: 100%;
        white-space: normal;
        word-break: break-all;
    }

    .met-nav .dropdown-menu .dropdown-submenu .dropdown-menu > li > a {
        padding-left: 40px;
    }

    .met-nav .navbar-logo {
        margin-left: 10px !important;
    }

    .met-nav.navbar-fixed-top .navbar-collapse-toolbar {
        max-height: 340px;
        overflow-y: auto;
    }

    .met-nav .met-nav-login, .met-nav .met-nav-right-shop, .met-nav .met-head-user {
        margin: 12px 0 0 !important;
    }

    .met-nav .met-langlist {
        height: 60px;
        float: right;
        margin-right: 5px !important;
    }

    .met-nav .met-langlist .btn {
        padding: 6px 10px;
    }
}

.search-box {
    position: relative;
    z-index: 1;
}

.search-form .form input {
    line-height: 20px;
    padding: 20px;
    border: none;
    outline: none;
    width: 300px;
    color: #fff;
    background: #FF7F00;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.search-form .form input::-webkit-input-placeholder {
    color: #fff;
}

.search-form .form input:-moz-placeholder {
    color: #fff;
}

.search-form .form input::-moz-placeholder {
    color: #fff;
}

.search-form .form input:-ms-input-placeholder {
    color: #fff;
}

.search-form:hover .form input {
    background: #6699cc;
}

.search-form .form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    background: none;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
}

@media (min-width: 768px) {
    .search-button {
        line-height: 100px;
        padding: 0 10px;
    }

    .search-form {
        position: absolute;
        top: 100%;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        -webkit-transform: translateY(30px);
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }

    .search-box:hover .search-form {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .search-form .form {
        position: relative;
    }

    .search-form .form:before {
        position: absolute;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #FF7F00 transparent;
        content: '';
        right: 10px;
        top: -10px;
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }

    .search-form:hover .form:before {
        border-color: transparent transparent #6699cc transparent;
    }
}

@media (max-width: 767px) {
    .search-box {
        margin: 12px 0 0 0;
    }

    .search-button {
        display: none;
    }

    .search-form .form input {
        padding: 10px 15px;
        width: 100%;
    }
}

.dropdown-menu, .dropdown-menu > li > a {
    -o-border-radius: 0px;
    border-radius: 0px;
    font-weight: normal;
}

.dropdown-menu > li {
    padding: 0px;
}

.dropdown-menu > li > a {
    color: #2a333c !important;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    font-size:1.6rem;
}

.dropdown-menu > li > a:hover {
    color: #fff !important;
    background: #FF7F00;
}

.dropdown-menu > li > a:hover i {
    color: #fff !important;
}



.met-footnav {
    padding: 40px 0px;
    background: #222;
}

@media (max-width: 991px) {
    .met-footnav {
        padding: 30px 0;
    }

    .met-footnav .list {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .met-footnav {
        padding: 20px 0;
    }

    .met-footnav .list {
        margin-bottom: 15px;
    }
}

.met-footnav h4 {
    font-size: 18px;
    margin-top: 0px;
    text-shadow: none;
}

.met-footnav h4 a {
    color: #ddd;
    margin-bottom: 4px;
    display: inline-block;
    text-decoration: none;
}

.met-footnav h4 a:hover {
    color: #fff;
}

.met-footnav h4 a:active, .met-footnav h4 a:focus, .met-footnav h4 a:hover {
    text-decoration: none;
}

.met-footnav ul {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.met-footnav ul li {
    margin: 13px 0 0 0;
}

.met-footnav ul li a {
    color: #aaa;
    text-decoration: none;
}

.met-footnav ul li a:active, .met-footnav ul li a:focus, .met-footnav ul li a:hover {
    text-decoration: none;
}

.met-footnav ul li a:hover {
    color: #fff;
}

.met-footnav .info b {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    color: #ddd;
}

.met-footnav .info em {
    display: block;
    font-size: 28px;
    font-style: normal;
}

.met-footnav .info em a {
    color: #eee;
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
}

.met-footnav .info em a:hover {
    color: #fff;
}

.met-footnav .info p {
    color: #aaa;
    border-top: 1px solid #333;
    padding: 10px 0;
}

.met-footnav .info i {
    border: 1px solid #555;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    width:35px;
    height:35px;
    background-size:cover;
}

.met-footnav .info i:hover {
    color: #fff;
    border-color: #fff;
}

.met-footnav .info span {
    display: block;
}

.met-footnav .info span:after {
    display: block;
    content: '';
    clear: both;
}

.met-footnav .info span a {
    float: left;
    margin-right: 12px;
}

.met-footnav .info a {
}

.met-footnav .info a:hover, .met-footnav .info a:focus {
    text-decoration: none;
}

@media (min-width: 992px) {
    .info-phone {
        max-width: 260px;
        float: right;
    }

    .met-footnav .info {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .met-footnav .list, .met-footnav .info {
        text-align: center;
    }

    .info-phone, .met-footnav .info span {
        display: inline-block;
    }
}

footer {
    height: auto;
    background: #222;
    color: #aaa;
    line-height: 1.8;
}

footer .container {
    border-top: 1px solid #282828;
    margin-top: -1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer a {
    color: #aaa;
}

footer a:hover {
    color: #fff;
}

footer p {
    margin-bottom: 0px;
}



.product_list_met_16_1.met-index-body.bgcolor{
    background-color: #fff;
}

.product_list_met_16_1.met-index-body.bgimg {
    background: url(../images/productbg.png) no-repeat;
    background-size: cover;
}


.product_list_met_16_1.met-index-body {
    padding: 60px 0px;
    clear: both;
}

.product_list_met_16_1.met-index-body h2 {
    font-size: 36px;
    color: #000000;
}

.product_list_met_16_1.met-index-body p.desc {
    padding: 0 10%;
    font-size: 16px;
    color: #333333;

}

.product_list_met_16_1 .nav-tabs {
    border-bottom: none;
    margin: 30px auto;
}

@media screen\0 {
    .product_list_met_16_1 .nav-tabs {
        display: table;
    }
}

.product_list_met_16_1 .nav-tabs .nav-item .nav-link {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}

.product_list_met_16_1 .nav-tabs .nav-item .nav-link.active {
    background: #FF7F00;

    color: #fff;
}

.product_list_met_16_1 .nav-tabs .nav-item .nav-link.active h3 {
    color: #fff;
}

.product_list_met_16_1 .nav-tabs .nav-item h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    text-shadow: none;
    white-space: nowrap;
    color: #333333;

}

.product_list_met_16_1 .index-product-list h4 a {
    color: #000000;
}

.product_list_met_16_1 .index-product-list li:hover a {
    color: #FF7F00;
}

@media (max-width: 991px) {
    .product_list_met_16_1.met-index-body {
        padding: 50px 0px;
    }
}

@media (max-width: 767px) {
    .product_list_met_16_1.met-index-body {
        padding: 40px 0px;
    }

    .product_list_met_16_1 .nav-tabs {
        margin: 20px auto;
    }
}

.product_list_met_16_1 .swiper-navtab .swiper-scrollbar {
    bottom: 15px;
}

.product_list_met_16_1 .index-product-list {
    margin-right: -10px !important;
}

.news_list_met_16_1.met-index-body {
    padding: 70px 0px;
}

.news_list_met_16_1.met-index-body h2 {
    font-size: 36px;
    color: #000000;

}

.news_list_met_16_1.met-index-body p.desc {
    padding: 0 10%;
    font-size: 16px;
    color: #333333;

}

.news_list_met_16_1 .index-news-list {
    margin-top: 20px;
}

.news_list_met_16_1 .index-news-list li {
    padding: 15px;
    border: 1px solid transparent;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-bottom: 15px;
}

.news_list_met_16_1 .index-news-list li p.des {
    line-height: 1.8;
}

.news_list_met_16_1 .index-news-list li a {
    color: #000000;
}

.news_list_met_16_1 .index-news-list li a:hover {
    color: #FF7F00;
}

.news_list_met_16_1 .index-news-list li p {
    color: #333333;
}

.news_list_met_16_1 .index-news-list li.shadow:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 991px) {
    .news_list_met_16_1.met-index-body {
        padding: 60px 0px;
    }

    .news_list_met_16_1 .index-news-list li .media-left {
        padding-right: 10px;
    }

    .news_list_met_16_1 .index-news-list li .media-left .media-object {
        width: 100px;
    }

    .news_list_met_16_1 .index-news-list li p.des {
        max-height: 5.4em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 767px) {
    .news_list_met_16_1.met-index-body {
        padding: 0px 0px;
    }

    .news_list_met_16_1 .index-news-list li {
        width: 100% !important;
        margin-top: 20px;
    }

    .news_list_met_16_1 .index-news-list li h4 {
        font-size: 16px;
    }

    .news_list_met_16_1 .index-news-list li p.des {
        max-height: 3.6em;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 479px) {
    .news_list_met_16_1 .index-news-list li .media-left {
        display: table-cell;
    }
}

@media (max-width: 991px) {
    .news_list_met_16_1 .index-news-list {
        margin-top: 10px;
    }
}

.news_list_met_16_1 .more {
    display: block;
    margin: 0 auto;
    width: 150px;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #000000;
    border: 1px solid #000000;
    margin-top: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
}

.news_list_met_16_1 .more:hover {
    color: #fff;
    background-color: #FF7F00;
    border-color: #FF7F00;
}


.news_list_met_16_13.met-index-body {
    padding: 50px 0px;
    background-color: #ffffff;
    background-size: cover;background-position: center;
}
.news_list_met_16_13.met-index-body h3 {
    font-size: 22px;
    margin-top: 0px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.news_list_met_16_13.met-index-body h3 a {
    color: #333333;
    position: relative;
}
.news_list_met_16_13.met-index-body h3 a:after {
    background: none repeat scroll 0 0;
    background-color: #16bcb4;

    content: "";
    height: 3px;
    width: 30%;
    left: 35%;
    top: 35px;
    position: absolute;
}
.news_list_met_16_13.met-index-body p.desc {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #666666;
    margin: 0px auto;
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .news_list_met_16_13.met-index-body {
        padding: 40px 0px;
    }
    .news_list_met_16_13.met-index-body p.desc {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .news_list_met_16_13.met-index-body {
        padding: 30px 0px;
    }
    .news_list_met_16_13.met-index-body p.desc {
        margin-bottom: 20px;
    }
}
@media (max-width: 488px) {
    .news_list_met_16_13.met-index-body p.desc {
        margin-bottom: 20px;
    }
}
@media (max-width: 358px) {
    .news_list_met_16_13.met-index-body p.desc {
        margin-bottom: 20px;
    }
}
.news_list_met_16_13.met-index-news .single-blog-post {
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    background-color: #ffffff;
    height:400px;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .overlay .overlays {
    width: 100%;
    height: 100%;
    position: relative;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .overlay .overlays:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    opacity: 0.7;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder:hover .overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .overlay .inner-holder {
    display: table;
    width: 100%;
    height: 100%;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .date {
    background: #333333;
    background: #16bcb4;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffffff;
    line-height: 20px;
    padding: 10px 15px;
    font-weight: 500;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder .date b {
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
}
.news_list_met_16_13.met-index-news .single-blog-post a h2 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    height: 22px;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.news_list_met_16_13.met-index-news .single-blog-post a h2:hover {
    color: #16bcb4;
}
.news_list_met_16_13.met-index-news .single-blog-post .newsdetail {
    padding: 20px 20px;
}
.news_list_met_16_13.met-index-news .single-blog-post p {
    color: #666666;
t: 500;
    margin: 15px 0 0;
}
.news_list_met_16_13.met-index-news .single-blog-post ul {
    padding: 5px 0px;
    margin-bottom: 10px;
}
.news_list_met_16_13.met-index-news .single-blog-post ul li {
    display: inline;
}
.news_list_met_16_13.met-index-news .single-blog-post ul li p,
.news_list_met_16_13.met-index-news .single-blog-post ul li span {
    display: inline-block;
    line-height: 16px;
    padding: 0 12px;
    color: #9A9A99;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.news_list_met_16_13.met-index-news .single-blog-post ul li span {
    border-right: 1px solid #9A9A99;
    padding-left: 0;
    color: #9A9A99;
}
.news_list_met_16_13.met-index-news .single-blog-post ul li span b {
    color: #898989;
    font-weight: normal;
}
.news_list_met_16_13.met-index-news .single-blog-post ul li a:hover {
    color: #ff6700;
}
.news_list_met_16_13.met-index-news .single-blog-post .img-holder:before {
    background: #ff6700;
}
.news_list_met_16_13.met-index-news .single-blog-post:hover .img-holder:before,
.news_list_met_16_13.met-index-news .single-blog-post:focus .img-holder:before,
.news_list_met_16_13.met-index-news .single-blog-post:active .img-holder:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 767px) {
    .news_list_met_16_13.met-index-news .single-blog-post {
        margin-top: 10px;
    }
}






/*延迟加载背景图片*/
img.imgloading:not([src*="base64"]),
img.slick-loading:not([src*="base64"]) {
    object-fit: scale-down;
    background: #fff
}

/*编辑器*/
.met-editor {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8
}

.met-editor p {
    margin-bottom: .8em
}

.met-editor img {
    max-width: 100% !important;
    vertical-align: top
}

.met-editor img[src]:not(.imgloading) {
    height: auto !important
}

.met-editor .table-saw {
    overflow-x: auto
}

.met-editor .metvideobox,
.met-editor video,
.met-editor .metvideo,
.met-editor iframe,
.met-editor embed {
    max-width: 100% !important;
    margin: auto;
    display: block
}

.met-editor .lg-item-box {
    display: inline-block
}

@media (max-width: 767px) {
    .met-editor {
        font-size: 14px
    }
}

/*表格*/
.table {
    margin-bottom: 0;
    color: #333
}

.table a {
    text-decoration: none
}

.table thead th,
.table tfoot th,
.table td {
    vertical-align: middle;
    outline: none
}

.table td .tag {
    line-height: inherit
}

table th {
    white-space: nowrap;
    background-color: #f3f7f9;
    font-weight: bold !important
}

/*datatables表格插件*/
div.dataTables_paginate .paginate_button.active > a, div.dataTables_paginate .paginate_button.active > a:focus, div.dataTables_paginate .paginate_button.active > a:hover {
    background: #ddd !important;
    border-color: #ddd !important;
    color: #777 !important
}

.dataTables_empty {
    text-align: center
}

.dataTables_info {
    color: #777
}

body table.table-bordered.dataTable {
    border-collapse: collapse !important
}

.table-striped.dataTable tbody tr.active td,
body .table-striped.dataTable tbody tr.active:hover td {
    background: #f3f7f9 !important;
    color: inherit !important
}

.table-striped.dataTable tbody tr.active td > a,
body .table-striped.dataTable tbody tr.active:hover td > a {
    color: #62a8ea !important
}

@media (max-width: 479px) {
    .dataTables_info {
        float: none !important
    }

    .dataTables_paginate {
        float: none !important
    }
}

/* 提示弹窗 */
.alertify-logs {
    bottom: auto !important;
    top: 48%;
    z-index: 1701 !important
}

/*选项卡 */
@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 5px 10px
    }
}

/*表单*/
.form-group small.form-control-label {
    margin-left: 10px;
    line-height: 36px
}

.input-group-file .btn-file input[type="file"] {
    width: 100%;
    height: 100%
}

.form-inline .checkbox-custom label {
    padding-left: 0
}

.form-control-label {
    color: #555
}

.form-group:before,
.form-group:after {
    display: table;
    content: " "
}

.form-group:after {
    clear: both
}

/* 返回顶部 */
.met-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

/*其它*/
.nav-tabs .nav-link {
    color: #333
}

pre {
    overflow: visible
}

.edui-editor, /*百度编辑器外框*/
.token-input {
    max-width: 100%
}

/*tag插件*/
.edui-default .edui-editor-toolbarbox {
    position: relative !important
}

.clockpicker-popover .popover-title {
    font-weight: normal !important
}

.met-fixed,
.fixed-b-l {
    position: fixed;
    left: 0;
    z-index: 1000
}

.met-fixed {
    top: 0
}

.fixed-b-l {
    bottom: 0
}

.overflow-visible {
    overflow: visible !important
}

.oya {
    overflow-y: auto !important
}

.h-10 {
    height: 10px
}

.h-20 {
    height: 20px
}

.h-100p {
    height: 100%
}

.hide {
    display: none !important
}

#getcode {
    height: 24px
}

.opacity1,
.slick-arrow:hover i {
    opacity: 1
}

.opacity0 {
    opacity: 0
}

.flex,
.slick-track {
    display: flex
}

.slick-track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.radius0 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px
}

.box-shadow-none {
    box-shadow: none
}

.box-shadow1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.ulstyle {
    margin: 0;
    padding: 0px;
    list-style: none
}

.border-none {
    border: none !important
}

.border-top1 {
    border-top: 1px solid #f0f2f5
}

.border-bottom1 {
    border-bottom: 1px solid #f0f2f5
}

.flex-start {
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important
}

.flex-center {
    -webkit-justify-content: center;
    justify-content: center
}

.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.text-shadow-none {
    text-shadow: none
}

.dropdown-item,
.transition500 {
    transition: all 0.5s !important
}

.modal-content {
    overflow: hidden
}

.page-content {
    padding: 30px 0px
}

.webui-popover {
    z-index: 1600
}

.pearl-title {
    white-space: normal
}

[class*="animation-"] {
    animation-fill-mode: none
}

@media (max-width: 991px) {
    .page-content {
        padding: 20px 0px
    }

    .panel {
        margin-bottom: 20px
    }

    .panel-body {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .page-content {
        padding: 15px 0px
    }

    .panel,
    .well,
    .card-shadow {
        margin-bottom: 15px
    }

    .panel-body,
    .well,
    .modal-body,
    .modal-header,
    .modal-footer {
        padding: 15px
    }

    .modal-footer {
        padding-top: 0
    }

    .well, .card-shadow {
        margin-bottom: 15px
    }
}

@media screen\0 {
    select.form-control {
        padding-right: 15px
    }
}

.minicolors-theme-default .minicolors-input {
    height: 36px !important;
    padding-left: 35px !important
}

.minicolors-position-bottom .minicolors-panel {
    top: 100% !important
}

.text-help {
    color: #aaa;
    display: inline-block
}

.spinnerUi > * {
    vertical-align: top !important
}

.input-group-file .file-input {
    display: none
}

.tag-sm {
    font-size: 12px
}

/*public/ui/v2/static/css/web_common.css*/
@charset "utf-8";
/*前台页面公用样式*/
/*自定义animation-动画*/
.animation-slide-top10 {
    -webkit-animation-name: slide-top10;
    animation-name: slide-top10
}

@-webkit-keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom10 {
    -webkit-animation-name: slide-bottom10;
    animation-name: slide-bottom10
}

@-webkit-keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left10 {
    -webkit-animation-name: slide-left10;
    animation-name: slide-left10
}

@-webkit-keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right10 {
    -webkit-animation-name: slide-right10;
    animation-name: slide-right10
}

@-webkit-keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-top50 {
    -webkit-animation-name: slide-top50;
    animation-name: slide-top50
}

@-webkit-keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom50 {
    -webkit-animation-name: slide-bottom50;
    animation-name: slide-bottom50
}

@-webkit-keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left50 {
    -webkit-animation-name: slide-left50;
    animation-name: slide-left50
}

@-webkit-keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right50 {
    -webkit-animation-name: slide-right50;
    animation-name: slide-right50
}

@-webkit-keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

/*下拉菜单*/
.dropdown-item.active {
    color: #4E97D9 !important
}

.dropdown-item:hover,
.dropdown-item.active {
    background: #f5f5f5 !important
}

.dropdown-toggle::after {
    margin-top: -3px
}

.dropdown-submenu:hover .dropdown-menu {
    display: table
}

.dropdown-submenu.dropdown-item {
    padding: 0 !important
}

.dropdown-menu,
.dropdown-menu .dropdown-item {
    font-weight: normal
}

@media (max-width: 1199px) {
    .dropdown-item {
        white-space: normal
    }
}

@media (max-width: 767px) {
    .dropdown-menu.dropdown-menu-bullet:before,
    .dropdown-menu.dropdown-menu-bullet:after {
        display: none
    }
}

/*应用侧栏*/
.met-sidebar-nav .list-group-item a {
    color: #76838f
}

.met-sidebar-nav .list-group-item a:hover {
    color: #000;
    text-decoration: none
}

.met-sidebar-nav .list-group-item.active a {
    color: #62a8ea
}

/*public/ui/v2/static/css/template.css*/
@charset "utf-8";
/*模板公用样式*/
/*图片画廊皮肤*/
.met-lightgallery .lg-backdrop,
.met-lightgallery .lg-toolbar {
    background: #fff
}

.met-lightgallery .lg-actions .lg-icon {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.5)
}

.met-lightgallery .lg-actions .lg-icon:before,
.met-lightgallery .lg-actions .lg-icon:after {
    content: ''
}

.met-lightgallery .lg-actions .lg-icon i {
    font-size: 40px
}

.met-lightgallery .lg-sub-html {
    background: rgba(255, 255, 255, 0.7)
}

.met-lightgallery .lg-toolbar.opacity0 {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.met-lightgallery .lg-outer {
    z-index: 1602;
    background: #fff
}

.met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 84px
}

.met-lightgallery .lg-outer .lg-thumb-outer,
.met-lightgallery .lg-outer .lg-toogle-thumb {
    background: #fff
}

.met-lightgallery .lg-outer .lg-thumb-outer {
    padding: 0 10px
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item {
    margin-bottom: 0
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover {
    border-color: #62a8ea
}

.met-lightgallery .lg-toolbar .lg-icon:hover,
.met-lightgallery .lg-actions .lg-next:hover,
.met-lightgallery .lg-actions .lg-prev:hover,
.met-lightgallery .lg-outer .lg-toogle-thumb:hover {
    color: #2a333c
}

.met-lightgallery .lg-sub-html {
    color: #5e7387
}

/*swiper水平滚动导航*/
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.2)
}

.swiper-navtab .swiper-slide {
    width: auto
}

.swiper-wrapper > * {
    box-sizing: border-box
}


.slick-slide {
    width: 100%;
    display: none
}

.slick-slide:first-child {
    display: block
}

.slick-slide img[data-lazy] {
    width: auto !important;
    max-width: 100% !important
}

/*内页侧栏*/
.met-sidebar {
    margin-left: 30px
}

@media (max-width: 991px) {
    .met-sidebar {
        margin-left: 0px;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .met-sidebar {
        margin-top: 15px
    }
}

.met-sidebar > :not(:first-child) {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #f0f2f5
}

.leftsidebar {
    margin-left: 0 !important;
    margin-right: 30px !important
}

@media (max-width: 991px) {
    .leftsidebar {
        margin-right: 0px !important
    }
}

/*透明度*/
.no-js .grid li,
.no-cssanimations .met-grid li,
.met-grid li.shown,
#met-imgs-slick .slick-dots li.slick-active {
    opacity: 1
}

.met-lightgallery .lg-toolbar.opacity0,
.met-grid li {
    opacity: 0
}

/*弹性布局*/
#met-imgs-slick .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

/*详情页参数列表*/
.paralist li {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .paralist li {
        padding-right: 3px;
        padding-bottom: 3px
    }
}

/*其它*/
.met-showproduct-head .product-para {
    border-top: 1px solid #f0f2f5
}

.met-showproduct-head .product-para,
.product-detail .met-editor .product-para {
    border-bottom: 1px solid #f0f2f5
}

.met-column-nav-ul,
.met-column-nav-ul.swiper-wrapper,
#met-imgs-slick .slick-dots {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.met-index-body:nth-of-type(odd) {
    background: #f5f5f5
}

.met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.met-page .pagination li a {
    max-width: 100%
}

.block-bg {
    background: #fff
}

.sidebar-column li a.active,
.met-column-nav-ul li a.active {
    color: #4e97d9
}

.sidebar-column li i,
.met-link .breadcrumb > li + li:before,
.met-footnav .info p,

.met-head-user .dropdown i,
.met-search-list .list-group-item .search-text {
    color: #9e9e9e
}

.navhover-bg,
.met-head-user .dropdown > a {
    background: #f5f5f5
}

.index-bg,
.met-index-body:nth-of-type(odd) {
    background: #f5f5f5
}

.page-bg,
.bg-pagebg1 {
    background: #f2f2f2
}

.block-bg,
.panel,
.met-showproduct.pagetype2 .content:nth-child(even) {
    background: #fff
}

.editor-color {
    background: #5e7387
}

.pagecr-bg {
    background: #62a8ea
}

.index-service-list li i {
    border-radius: 100%
}

.met-head + .met-crumbs,
.met-head + .met-column-nav {
    border-top: 1px solid #f0f2f5
}

.sidebar-column li a {
    display: block;
    font-size: 16px
}

.sidebar-column li i {
    float: right;
    margin-top: 2px;
    font-size: 14px
}

.sidebar-column li ul a {
    font-size: 14px
}

@media (min-width: 768px) {
    body.met-navflex .search-box .search-form {
        padding-right: 10px;
        top: 25px;
        right: 100%;
    }

    body.met-navflex .search-box .search-form input {
        padding: 15px;
        font-size: 14px;
        width: 250px;
    }

    body.met-navflex .search-box .search-form .form:before {
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #FF7F00;
        content: '';
        top: 15px;
        right: -10px;
    }

    body.met-navflex .search-form:hover .form:before {
        border-color: transparent transparent transparent #6699cc;
    }

    body.met-navflex .search-box .search-form {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@media (max-width: 1199px) {
    body.met-navflex .search-box .search-form {
        top: 15px;
    }

    .search-button {
        line-height: 80px;
    }
}


.news_list_detail_met_16_1.met-shownews{
    padding: 30px 0;
}
.news_list_detail_met_16_1.met-shownews .met-shownews-body{
    background:#ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.news_list_detail_met_16_1 .border-bottom1,.news_list_detail_met_16_1 .border-top1,.news_list_detail_met_16_1 .met-page .pagination li a{border-color: #666666;}
.news_list_detail_met_16_1 .details-title{padding:20px;}
.news_list_detail_met_16_1 .details-title h1{font-size:30px;line-height:1.5;color: #333333;}
.news_list_detail_met_16_1 .details-title .info{font-size:16px;color:#a3afb7;}
.news_list_detail_met_16_1 .details-title .info span{padding-right:10px;}
.news_list_detail_met_16_1 .met-page .pagination li a{color:#666666; }
.news_list_detail_met_16_1 .page-link:focus,.news_list_detail_met_16_1 .page-link:hover{background-color: transparent; }
@media (max-width:767px){
    .news_list_detail_met_16_1 .details-title{padding-bottom:10px;}
    .news_list_detail_met_16_1 .details-title h1{font-size:24px;}
    .news_list_detail_met_16_1 .details-title .info{font-size:14px;}
}
@media (max-width:349px){
    .news_list_detail_met_16_1 .details-title h1{font-size:20px;}
}
.news_list_detail_met_16_1 .met-editor {
    padding: 30px;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
}
.tag{font-size:14px;color:#666;padding:0 30px 30px;}
.tag a{color:#666;padding:5px;}
.tag a:hover{color:#16bcb4;}
.met-page{padding-top:0 !important;}
.met-page a:hover{color:#16bcb4 !important;}
.met-page .pagination li a{white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.sidebar_met_16_1.met-sidebar{margin-left:30px;padding: 20px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.sidebar_met_16_1.met-sidebar .list-group-item{background-color: #ffffff;border-color: #f0f2f5;}
@media (max-width:991px){
    .sidebar_met_16_1.met-sidebar{margin-left:0px;margin-top:0px;}
}
@media (max-width:767px){
    .sidebar_met_16_1.met-sidebar{margin-top:15px;margin-left:0;margin-top: 0;}
}
.sidebar_met_16_1.met-sidebar >:not(:first-child){margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f0f2f5;}
.sidebar_met_16_1 .leftsidebar{margin-left:0!important;margin-right:30px;}
@media (max-width:991px){  .sidebar_met_16_1 .leftsidebar{margin-right:0px;}  }
.sidebar_met_16_1 .sidebar-column li a{display:block;font-size:16px;}
.sidebar_met_16_1 .sidebar-column li i{float:right;margin-top:2px;font-size:14px;}
.sidebar_met_16_1 .sidebar-column li ul a{font-size:14px;}
.sidebar_met_16_1 .sidebar-news-list h3{color:#333333;}
.sidebar_met_16_1 .sidebar-news-list .list-group a{color:#333333;}
.sidebar_met_16_1 .sidebar-column li a{color:#333333;}
.sidebar_met_16_1 .sidebar-column li a:hover,.sidebar_met_16_1 .sidebar-column li a.active{color:#16bcb4;}
.sidebar_met_16_1 .sidebar-news-list li a:hover{color: #16bcb4;}
.sidebar_met_16_1 .form-control.focus,.sidebar_met_16_1 .form-control:focus{border-color: #16bcb4;}
.pull-xs-right {  float: right!important;  }

.qq{
    background: url(../images/QQ.png) no-repeat ;
}
.wx{
    background: url(../images/weixin.png) no-repeat ;
}
.wb{
    background: url(../images/weibo.png) no-repeat ;
}

/* 产品列表页 */
.para_search_met_16_1{
    padding:30px;
    font-size: 1rem;
}
@media (max-width: 992px){
    .para_search_met_16_1{
        padding:20px;
    }
}
@media (max-width: 767px){
    .para_search_met_16_1{
        padding:10px;
    }
}
.para_search_met_16_1 .btn-outline.btn-primary{
    color: #FF7F00;
    border-color: #FF7F00;

}
.para_search_met_16_1 .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.btn-outline.btn-primary.dropdown-toggle{
    background-color: #FF7F00;color:#fff !important;
}
.para_search_met_16_1 .order a{color:#000000;font-size:14px;background:#fff;border-radius:2px;}
.para_search_met_16_1 .order a:hover{color:#FF7F00;}
.para_search_met_16_1 .pricetxt{color: #000000;}
.para_search_met_16_1 .price_num{border-color: #e4eaec;}
.para_search_met_16_1 .pricesearch{border-color: #f96868;background-color: #f96868;color: #ffffff;}
.para_search_met_16_1 .pricesearch:hover{opacity: 0.8;}
/*搜索*/
.para_search_met_16_1 .type-order{border-top:1px solid #e4e4e4;border-right: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}

.para_search_met_16_1 .type-order>div{background:#e5e5e5;border-bottom:1px solid #ededed;}
.para_search_met_16_1 .type-order ul{background: #fafafa;}
.para_search_met_16_1 .type-order ul{padding:0;margin:0;background: #fafafa;}
.para_search_met_16_1 .type-order ul li{height:40px;line-height:40px;}
.para_search_met_16_1 .type-order .attr-name{height:40px;line-height:40px;white-space: nowrap;position:relative;overflow: hidden;}
.para_search_met_16_1 .type-order .attr-value a{color:#333333;}
.para_search_met_16_1 .type-order .attr-value a:hover,.para_search_met_16_1 .type-order ul li.para_select_option a{color:#FF7F00;}
@media (max-width: 480px){
    .para_search_met_16_1 .pricesearch{margin-top: 10px;display:block;}
}


/* 产品列表页 */
.product_list_page_met_16_3 .btn-outline.btn-primary{
    color: #FF7F00;
    border-color: #FF7F00;
}
.product_list_page_met_16_3 .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.btn-outline.btn-primary.dropdown-toggle{
    background-color: #FF7F00;color:#fff !important;;
}
.product_list_page_met_16_3 .widget-actions i{color: #FF7F00;}
.product_list_page_met_16_3 .met-product-list{padding:30px 0;}
.product_list_page_met_16_3.met-product{padding:30px;}

.product_list_page_met_16_3.met-product .met-grid li {
    clear: none;
}
.product_list_page_met_16_3.met-product .widget,
.product_list_page_met_16_3.met-product .widget .widget-header,
.product_list_page_met_16_3.met-product .widget-body {
    border-radius: 0 !important;
}
.product_list_page_met_16_3.met-product .widget-body .widget-title{color:#000000;}
.product_list_page_met_16_3.met-product .widget-shadow{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.product_list_page_met_16_3.met-product .widget-body .card-text{color:#000000;}
.product_list_page_met_16_3.met-product .widget-body{
    position: relative;
    padding:10px 25px 30px;
}
.product_list_page_met_16_3.met-product .widget-metas {
    word-wrap: break-word;
}
.product_list_page_met_16_3.met-product .widget-body-footer {
    margin-top: 15px;
}
.product_list_page_met_16_3.met-product .widget-body-footer a{
    color: #FF7F00;
}
.product_list_page_met_16_3.met-product.type-1 h4 {
    margin: 0;
    font-size: 16px;
    text-align: center;

}

.product_list_page_met_16_3.met-product.type-1 .met-product-list li h4 a {
    color: #000000;
}

.product_list_page_met_16_3.met-product .widget-shadow{
    background:#fff;
}
.product_list_page_met_16_3.met-product.type-1 h4 a:hover {
    color: #FF7F00
}
.product_list_page_met_16_3.met-product.type-2 .container-fluid {
    padding: 15px;
}
.product_list_page_met_16_3.met-product.type-2 h4 {
    margin: 0;
    font-weight: 300;
}
.product_list_page_met_16_3.met-product.type-2 .overlay-panel{color: #000000;}
.product_list_page_met_16_3 .card-shadow{box-shadow: 0 0px 10px rgba(0,0,0,.2);}
@media (min-width: 768px) {
    .product_list_page_met_16_3 .right .col-md-9{
        float: right;
    }
    .product_list_page_met_16_3 .right .met-sidebar{margin-left: 0px !important;margin-right: 30px;}
}
@media (max-width: 767px) {
    .product_list_page_met_16_3.met-product.type-2 .met-grid {
        padding-bottom: 10px;
    }
    .product_list_page_met_16_3.met-product.type-2 .met-grid li {
        background: #f2f2f2;
    }
    .product_list_page_met_16_3.met-product{padding:15px;}
}
@media (max-width: 767px) {
    .product_list_page_met_16_3.met-product .container,
    .product_list_page_met_16_3.met-product .container-fluid {
        padding: 10px !important;
    }
    .product_list_page_met_16_3.met-product.type-1 .met-grid,
    .product_list_page_met_16_3.met-product.type-3 .met-grid {
        margin: 0 -10px 0 0;
    }
    .product_list_page_met_16_3.met-product.type-1 .met-grid li,
    .product_list_page_met_16_3.met-product.type-3 .met-grid li {
        margin-bottom: 10px;
        padding: 0 10px 0 0;
    }
    .product_list_page_met_16_3.met-product .widget-body {
        padding: 15px;
    }
    .product_list_page_met_16_3.met-product .widget-body .widget-body-footer {
        margin-top: 10px;
    }
}
.order a{color:#000000;font-size:14px;background:#fff;border-radius:2px;}
.order a:hover{color:#FF7F00;}
/* 瀑布流 */
.no-js .grid li,
.no-cssanimations .met-grid li {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.met-grid li {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.met-grid li.shown {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.met-grid li.animate {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }
}
@keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }
}
/*分页*/
.met_pager { margin-top: 20px; text-align: center; }
.met_pager * { display: inline-block; }
.met_pager a { padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #fff; text-align: center; color: #76838f; }
.met_pager a:hover { background: #f5f5f5; text-decoration: none; }
.met_pager a.NextA { border-right: 1px solid #e4eaec; }
.met_pager .PreSpan,
.met_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #fff; color: #ccd5db; cursor: default; }
.met_pager .firstPage,
.met_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px; }
.met_pager a.Ahover { border-color: #FF7F00; background: #FF7F00; color: #fff; cursor: default; }
.met_pager a.Ahover:hover { border-color: #FF7F00; background: #FF7F00color: #fff; }
.met_pager a { text-decoration: none; }
.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover { text-decoration: none; }
.met_pager .PageText { display: none; margin-left: 10px; color: #aaa; }
.met_pager input { display: none; }
.met_pager .firstPage,
.met_pager .lastPage { height: auto; line-height: inherit; }
.pager li { width: 49%; display: inline-block; }
.pager li a { max-width: 100%; }
.product_list_page_met_16_3 #met-pager-btn{border-color: #FF7F00;background-color: #FF7F00;}

/* 面包屑 */
.product_list_page_met_16_3 .breadcrumb{border-bottom: 1px solid #ddd;padding-top: 0px;padding-left: 0; padding-bottom: 5px;border-radius:0;}
.product_list_page_met_16_3 .breadcrumb-item a{color: #999999;}
.product_list_page_met_16_3 .breadcrumb-item a:hover{color:#FF7F00;}
.product_list_page_met_16_3 .breadcrumb-item+.breadcrumb-item::before{color: #999999;}


/* 侧栏 */
.sidebar_met_16_3.met-sidebar{margin-left:30px;padding: 0px;}
.sidebar_met_16_3.met-sidebar.bgcolor{padding: 15px;}
@media (max-width:991px){
    .sidebar_met_16_3.met-sidebar{margin-left:10px;margin-top:0px;}
}
@media (max-width:767px){
    .sidebar_met_16_3.met-sidebar{padding:20px 0;}
    .sidebar_met_16_3.met-sidebar{margin-top:15px;margin-left:0;}
}
.sidebar_met_16_3.met-sidebar >:not(:first-child){padding: 0;border:none;}
.sidebar_met_16_3 .leftsidebar{margin-left:0!important;margin-right:30px;}
@media (max-width:991px){
    .sidebar_met_16_3 .leftsidebar{margin-right:0px;}
}
.sidebar_met_16_3 .sidebar-column{margin: 10px 0 35px 0;}
.sidebar_met_16_3 .sidebar-column>li{white-space: nowrap;/* background: #e6e6e6;*/ margin-bottom: 2px;margin-top:0;}

.sidebar_met_16_3 .sidebar-column {list-style: none;padding:0;}
.sidebar_met_16_3 .sidebar-column >li{padding:10px;margin:0 20px;}
.sidebar_met_16_3 .sidebar-column >li{border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.sidebar_met_16_3 .sidebar-column li i{float:right;margin-top:2px;font-size:14px;color:#000000;}
.sidebar_met_16_3 .sidebar-column >li a{font-size:14px;color:#000000;}

.sidebar_met_16_3 .sidebar-column li a:hover,.sidebar_met_16_3 .sidebar-column li a.active{color:#FF7F00;}
.sidebar_met_16_3 .sidebar-news-list li a:hover{color: #FF7F00;}
.sidebar_met_16_3 .form-control.focus,.sidebar_met_16_3 .form-control:focus{border-color: FF7F00;}

.sidebar_met_16_3 h2.sidebar-tile  {font-weight: normal; font-size: 18px; border-bottom: 1px solid #ddd !important; margin: 0; margin-top: 1px; padding-bottom: 5px !important; text-shadow:none; }
.sidebar_met_16_3 h2.sidebar-tile span,.sidebar_met_16_3 h2.sidebar-tile a{color:#000000;position:relative;}
.sidebar_met_16_3 h2.sidebar-tile span:before,.sidebar_met_16_3 h2.sidebar-tile a:before{content: ''; display: block; position: absolute; bottom: -7px; left: 0; height: 2px; width: 100%; background: #FF7F00;}
.sidebar_met_16_3 .input-search .form-control{border-radius: 0;}
.sidebar_met_16_3 .input-search-btn{border-radius: 0;background: #FF7F00;color:#fff;cursor: pointer;}
.sidebar_met_16_3 img{max-width:100%;height:auto;}



.imagesize>li{
    float:left;
}
.imagesize>li div figure img{
    transition: all 250ms;
}
.imagesize>li:hover div figure img{
    transform:scale(1.5);
    -ms-transform:scale(1.5); 	/* IE 9 */
    -moz-transform:scale(1.5); 	/* Firefox */
    -webkit-transform:scale(1.5); /* Safari 和 Chrome */
    -o-transform:scale(1.5);

}
.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 479px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 480px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media (max-width: 1599px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (min-width: 1600px) {
    .hidden-xxl-up {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !important
}

.visible-print-block {
    display: none !important
}
.order>li>a>i{
    margin-left:5px;
}




.met-news {
    padding: 50px 0px;
}

@media (max-width: 1199px) {
    .met-news {
        padding: 30px 0px;
    }
}

@media (max-width: 767px) {
    .met-news {
        padding: 15px 0px;
    }
}

.met-news .met-news-body {
}

.met-news-list {
    padding: 30px;
    background: #ffffff;
}

@media (max-width: 767px) {
    .met-news-list {
        padding: 15px;
    }
}

.met-news .news-headlines {
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 30px;
    overflow: hidden;
}

.met-news .news-headlines .slick-slide {
    width: 100%;
    position: relative;
}

.met-news .news-headlines .slick-slide:first-child {
    display: block;
}

.met-news .news-headlines .headlines-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
}

.met-news .news-headlines .headlines-text h3 {
    margin: 0px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
}

.met-news .news-headlines .slick-dots {
    bottom: 35px;
}

@media (max-width: 767px) {
    .met-news .news-headlines {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .met-news .news-headlines .headlines-text {
        bottom: 20px;
    }

    .met-news .news-headlines .headlines-text h3 {
        font-size: 16px;
    }

    .met-news .news-headlines .slick-dots {
        bottom: 20px;
    }
}

.met-news ul.met-page-ajax {
    padding: 0px;
    list-style: none;
}

.met-news ul.met-page-ajax li {
    border-bottom: 1px solid #f0f2f5;
    padding: 15px 0;
}

.met-news ul.met-page-ajax li h4 {
    margin: 0 0 20px;
    font-size: 22px;
}

.met-news ul.met-page-ajax li h4 a {
    color: #2a333c;
}

.met-news ul.met-page-ajax li h4 a:hover {
    color: #FF7F00;
}

.met-news ul.met-page-ajax li p {
    font-size: 16px;
    font-weight: 300;
}

.met-news ul.met-page-ajax li p.des {
    color: #76838f;
    margin-bottom: 10px;
}

.met-news ul.met-page-ajax li p.info {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
}

.met-news ul.met-page-ajax li p.info span {
    margin-left: 10px;
}

.met-news ul.met-page-ajax li p.info span:first-child {
    margin: 0;
}

.met-news ul.met-page-ajax li p.info i {
    color: #a3afb7;
    font-weight: 300;
}

@media (max-width: 991px) {
    .met-news ul.met-page-ajax li h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .met-news ul.met-page-ajax li {
        padding: 20px 0;
    }

    .met-news ul.met-page-ajax li .media-left {
        padding-right: 10px;
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: 100px;
    }

    .met-news ul.met-page-ajax li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .met-news ul.met-page-ajax li p {
        font-size: 14px;
    }

    .met-news ul.met-page-ajax li p.des {
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 349px) {
    .met-news ul.met-page-ajax li .media-left, .met-news ul.met-page-ajax li .media-body {
        width: 100%;
        display: block;
    }

    .met-news ul.met-page-ajax li .media-left {
        padding: 0;
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: auto;
        max-width: 100%;
    }

    .met-news ul.met-page-ajax li .media-body {
        margin-top: 15px;
    }
}

.met-news.type-3 .met-news-body {
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.met-news.type-3 .widget {
    -o-border-radius: 0;
    border-radius: 0;
}

.met-news.type-3 .widget .widget-body, .met-news.type-3 .widget .widget-header {
    -o-border-radius: 0;
    border-radius: 0;
}

.met-news.type-3 .widget .widget-title {
    font-size: 24px;
}

.met-news.type-3 .widget .widget-title a {
    color: #2a333c;
}

.met-news.type-3 .widget .widget-title a:hover {
    color: #FF7F00;
}

.met-news.type-3 .widget .widget-metas span {
    margin-left: 10px;
}

.met-news.type-3 .widget .widget-metas span:first-child {
    margin: 0;
}

@media (max-width: 767px) {
    .met-news.type-3 .widget {
        margin: 15px 0 0;
    }

    .met-news.type-3 .widget:first-child {
        margin: 0;
    }

    .met-news.type-3 .widget .widget-title {
        font-size: 18px;
    }

    .met-news.type-3 .widget .widget-body {
        padding: 15px 10px;
    }
}

.met-news-bar {
    padding: 20px;
    background: #ffffff;
}

@media (max-width: 991px) {
    .met-news-bar {
        margin-left: 0px;
        margin-top: 30px;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .met-news-bar {
        margin: 15px 0 0 0;
        padding: 15px;
    }
}

.met-news-bar ul.column {
    padding: 0px;
    list-style: none;
}

.met-news-bar ul.column li {
    margin-bottom: 10px;
}

.met-news-bar ul.column li a {
    font-size: 16px;
    color: #2a333c;
}

.met-news-bar ul.column li a:hover {
    color: #FF7F00
}

.met-news-bar ul.column li a.active {
    color: #FF7F00;
}

.met-news-bar .recommend {
    margin: 20px 0px;
    padding: 20px 0px;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}

.met-news-bar .recommend h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
}

.met-news-bar .recommend .list-group {
    margin-top: 10px;
    margin-bottom: 0px;
}

.met-news-bar .recommend .list-group a {
    color: #2a333c;
    font-size: 15px;
}

.met-news-bar .recommend .list-group a:hover {
    color: #FF7F00;
}



.met-column-nav {
    background: #fff;
    text-align: center;
}

.met-column-nav.bordernone {
    border-bottom: none;
}

.met-column-nav .met-column-nav-ul {
    padding: 0px;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.met-column-nav .met-column-nav-ul > li {
    white-space: nowrap;
    display: inline-block;
    float: none;
}

.met-column-nav .met-column-nav-ul > li:last-child {
    margin: 0 !important;
}

.met-column-nav .met-column-nav-ul > li a.link {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
    color: #2a333c;
}

.met-column-nav .met-column-nav-ul > li a.link:active, .met-column-nav .met-column-nav-ul > li a.link:focus, .met-column-nav .met-column-nav-ul > li a.link:hover {
    text-decoration: none;
}

.met-column-nav .met-column-nav-ul > li a.link:hover, .met-column-nav .met-column-nav-ul > li a.link.active {
    color: #FF7F00;
}

.met-column-nav .met-column-nav-ul > li > ul > li > a.active {
    color: #FF7F00 !important;
}

.met-column-nav .product-search:first-child {
    margin-top: 10px;
}

.met-column-nav .product-search .form-group {
    max-width: 500px;
    margin: 0 auto 10px;
}

@media (max-width: 767px) {
    .met-column-nav .met-column-nav-ul > li {
        margin: 0 !important;
    }

    .met-column-nav {
        border-bottom: 1px solid #f0f2f5;
    }

    .met-column-nav .row {
        margin: 0;
    }

    .met-column-nav .sidebar-tile {
        height: 54px;
    }
}

.text_show{
    padding:20px;
    background: #fff;
    margin-top:20px;

}
@media (max-width: 768px) {
    .text_show{
        margin-top:0;

    }
}


.text_show p.info{
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
    border-bottom:1px dotted #7F7F80;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.text_show .text_title{
    color:#000;
}

.title-box {
    margin: 60px 0 0 0;
    text-align: center;
}

.title-box h2 {
    font-size: 28px;
    font-weight: normal;
    color: #333;
}

.title-box.active h2 {
    color: #fff;
}

.title-box p {
    font-size: 16px;
    color: #91969b;
}

.title-box.active p {
    color: #eee;
}

@media (max-width: 767px) {
    .title-box {
        margin: 20px 0 0 0;
    }
}

.service-box {
    overflow: hidden;
    padding: 40px 0 60px 0;
}

.service-box ul {
    width: 10000%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-box ul:after {
    display: block;
    content: '';
    clear: both;
}

.service-box ul li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 25px;
    width: .25%;
    text-align: center;
}

.service-box ul li a {
    display: block;
    background: #fff;
    padding: 40px 25px;
    border:1px solid #eee;
    box-shadow: 10px 0px 5px #e4e4e4;
}

.service-box ul li a b {
    display: block;
    position: relative;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    border-radius: 99px;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.service-box ul li a:hover b {

    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
}

.service-box ul li a b img {
    width: 100%;
}

.service-box ul li a b img.icon {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.service-box ul li a b i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.service-box ul li a h3 {
    font-weight: normal;
    font-size: 22px;
    margin: 25px 0 15px 0;
    color: #333;
}

.service-box ul li a p {
    display: block;
    margin: 0;
    height: 84px;
    overflow: hidden;
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 1199px) {
    .service-box ul li {
        width: .333%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    body{
        padding-top:60px;
    }
}

@media (max-width: 767px) {
    .service-box {
        padding: 10px 7.5px 20px 7.5px;
    }

    .service-box ul li {
        width: .5%;
        padding: 0 7.5px;
    }

    .service-box ul li a {
        padding: 22px 15px;
    }

    .service-box ul li a b i {
        font-size: 35px;
    }

    .service-box ul li a h3 {
        margin: 22px 0 10px 0;
    }
}

.text_show img{
    width:100%;
}


/*返回顶部组件*/
.index_fix2 { position: absolute; right: 0px; z-index: 99;top: 132px;}
.fix_ewm{
      position: relative;
      background:url(../images/dw.png) no-repeat;
      background-size:100% 100%;
      display: block; 
      width:40px;
      height: 40px; 
      color:#fff;
 }
.ewm_list{
   text-align: center;
    overflow: hidden;
    width: 200px;
    margin: 0 auto;
}

.ewm_list span{
    display: block;
    float: left;
    width: 85px;
    margin-left: 15px;
    text-align: center;}
.ewm_list span img{width:100%;}
@media (min-width: 767px) {
 .index_fix2{
	display:block;
}
}
.modal-content{
    top: 200px;
    height: 200px;
    background: transparent;
    line-height: 200px;
}


/*在线留言*/
.box {
    background: url(../images/box.png) center top no-repeat;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 32px;
}
.catalog {
    margin: 0 33px 0 15px;
    float: left;
    width: 250px;
}
.catalog h3 {
    background: #0f84d6;
    height: 65px;
    line-height: 65px;
    color: #fff;
    font-weight: normal;
    margin:0;
}
.catalog h3 span {
    margin: 0 16px 0 20px;
    font-size: 24px;
}
.catalog h3 em {
    font-size: 20px;
    color: #85b4e3;
}
.cata_ul {
    background: url(../images/cata.png) center bottom no-repeat;
    padding-bottom: 12px;
}
.cata_ul a {
    font-size: 16px;
    color: #0f84d6;
    margin-top: 1px;
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #f8f8f8;
}
.cata_ul a:hover, .cata_ul a.for {
    background: url(../images/catali.jpg) left top no-repeat;
}
.details {
    float: left;
    width: 881px;
    background: #f8f8f8;
    min-height: 500px;
    margin-bottom: 33px;
}
.deta_tit {
    height: 64px;
    line-height: 64px;
    overflow: hidden;
}
.deta_tit .current {
    float: left;
    font-size: 24px;
    color: #333;
    border-top: 7px solid #02c230;
    padding: 0 15px;
}
.deta_tit .position {
    float: right;
    color: #666666;
    padding-right: 20px;
}
.deta_tit .position .blue {
    color: #0f84d6;
}
.atricle {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding: 20px 27px 44px;
}

/*表单样式*/
.form-box{ margin:0; padding:15px 0; }
.form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
.form-box .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
.form-box .avatar-box img{ width:100%; height:100%; }
.form-box .conn-box{ position:relative; margin-left:70px; }
.form-box .conn-box .editor{ position:relative; margin-right:18px; }
.form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
.form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
.form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background:#38f;
    vertical-align:middle; cursor:pointer; }
.form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
.form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
.form-box .conn-box .subcon a img{ vertical-align:middle; }
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
.msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
.msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0; padding:20px 0 30px; }
.form-box .form-group{ margin:0; padding:10px 0; clear:both; }
.form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
.form-box .form-group dt{ display:block; float:left; padding-right:2%; width:30%; line-height:40px; text-align:right; color:#888; }
.form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
.form-box .form-group dd img{ vertical-align:middle; }
.form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
.form-box .form-group dd .input.code{ width:80px; }
.form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
.form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle;
    overflow:auto; }
.form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px;
    border:1px solid #d70029; background:#d70029; cursor:pointer; }
.form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px;
    border:1px solid #eee; background:#eee; cursor:pointer; }
.form-box .form-group dd label.mart{ margin-right:5px; }
/*全屏样式*/
.form-box.full{ padding:0 0 50px; }
.form-box.full .form-group dt{ width:40%; }
.form-box.full .form-group dd{ margin-left:42%; }
.form-box.full .form-group dd .input{ width:40%; }
.form-box.full .form-group dd .input.code{ width:80px; }
.form-btn{text-align:center;}
@media only screen and (max-width: 320px){
    .form-box .form-group dt{
        width:37%;
    }
}


#met-nofollow  i{
    position:relative;
}
#met-nofollow em {
    width:130px;
    height:158px;
    position: absolute;
    left: 40px;
    bottom: 38px;
    margin-left: -88px;
    display: none;
}
    #met-nofollow:hover em {
        display:block;
    }
    #met-nofollow em img {
    width:100%;
    height:100%;
    }